/**
 * 学习目标：react中绑定事件
 * 注意：
 * 1. onClick 的小驼峰命名法，不要写成 onclick
 * 2. 绑定方法即可，不要调用函数
 */

import React from 'react';
import ReactDOM from 'react-dom';

class Hello extends React.Component {
  state = {
    msg: '你好react',
    count: 100,
  };
  render() {
    // console.log('this -----> ', this);
    return (
      <div>
        我是类组件 - {this.state.msg} - {this.state.count}
        <button
          //   onClick={function () {
          //     console.log('我点击了button');
          //   }}
          //   onClick={() => {
          //     console.log('我点击了button');
          //   }}
          onClick={() => console.log('我点击了button')}
        >
          点我触发事件
        </button>
      </div>
    );
  }
}

const dom = (
  <>
    <Hello></Hello>
  </>
);

ReactDOM.render(dom, document.getElementById('root'));
